@charset "utf-8";

.mui-popup .mui-popup-inner .close {
	top: 8px;
	right: 15px;
	font-size: 14px;
	color: #666;
}
.mui-popup .mui-popup-inner .title {
	font-size: 16px;
	color: #010101;
	padding-bottom: 7px;
	margin:0 -15px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

/* 视频分享 - 预约--激活 */
.predictLive .btns {
	margin:20px 0 16px;
}
.predictLive .btns p {
    margin: 0;
}
.predictLive .btns .buyBtn a {
	padding:7px 10px;
	font-size: 14px;
	color: #fff;
	background: #0ba8ff; 
}
.predictLive .btns .buyBtn .price {
	margin-left: 3px;
}
.predictLive .btns .othersWay a {
	display: inline-block;
	margin-top: 21px;
	padding:3px 10px;
	font-size: 14px;
	color: #393939;
	border:1px solid #393939;
}
.predictLive .btns .othersWay .coupon {
	margin-right: 14px;
}
.predictLive .detailMsg {
	background: #f5f5f5;
	margin:0 -15px -15px;
	padding: 7px 15px 15px;
}
.predictLive .detailMsg .detailTitle {
	font-size: 13px;
	color: #b6b6b6;
	line-height: 1.3;
}
.predictLive .detailMsg .text {
	margin:0 0 0 0;
	font-size: 11px;
	color: #141414;
	line-height: 1.4;
}
.predictLive .detailMsg span {
	font-size: 12px;
	color: #b6b6b6;
}

/* 兑换代金券 */
.getCoupon .inputBox {
	margin:18px -15px 0;
	padding-bottom: 22px;
	border-bottom: 4px solid #eee;
}
.getCoupon .inputBox span {
	display: inline-block;
	font-size: 12px;
	color: #929292;
	padding-top: 2px;
	vertical-align: top;
}
.getCoupon .inputBox input {
	border:none;
	width: 88px;
	height: 22px;
	padding:0 2px 5px;
	line-height: 1;
	font-size: 16px;
	color: #000;
	margin-bottom:0;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.getCoupon .inputBox a {
	padding:4px 6px;
	font-size: 12px;
	color: #929292;
	border:1px solid #929292;
}
.getCoupon .alreadyHave {
	padding-top: 8px;
}
.getCoupon .alreadyHave .text {
	font-size: 14px;
	color: #000;
	height: 20px;
	margin-bottom: 8px;
}
.getCoupon .alreadyHave .emptyInfo .icon {
	width: 72px;
	height: 72px;
	margin:0 auto;
	background: url("../../img/m/icons/info.png") no-repeat center;
	background-size:100%;
}
.getCoupon .alreadyHave .emptyInfo .info {
	font-size: 12px;
	color: #6b6b6b;
	margin-bottom: 10px;
}
.getCoupon .alreadyHave .coupon {
	width: 240px;
	height: 59px;
	color: #fff;
	margin: 0 auto 8px;
	background: url("../../img/m/icons/coupon1.png") no-repeat center;
	background-size: 100%;
}
.getCoupon .alreadyHave .coupon .num {
	display: block;
	top: -6px;
	right: -6px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	background: #fb560a;
}
.getCoupon .alreadyHave .coupon .msg {
	margin-left: 70px;
	width: 132px;
	padding-top: 10px;
}
.getCoupon .alreadyHave .coupon .courseTitle {
	font-size: 14px;
}
.getCoupon .alreadyHave .coupon .timeLimit {
	font-size: 12px;
}
.getCoupon .alreadyHave .coupon .calssify {
	right: 10px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	width: 12px;
	line-height: 1.2;
}

/* 兑换代金券预约成功 */
.getCouponComplete .title {
	margin-top: 13px !important;
	border-bottom: 0 !important;
	padding-bottom: 2px !important;
}
.getCouponComplete .info {
	font-size: 12px;
	color: #089def;
}
.getCouponComplete .info i {
	font-size: 14px;
}
.getCouponComplete .coupon {
	width: 240px;
	height: 76px;
	margin:8px auto 10px;
	color: #fff;
	background: url("../../img/m/icons/coupon2.png") no-repeat center;
	background-size: 100%;
}
.getCouponComplete .coupon .num {
	top: -4px;
	right: -6px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	background: #fb560a;
}
.getCouponComplete .coupon .course {
	text-align: left;
	margin-left: 84px;
	padding-top: 18px;
	width: 150px;
}
.getCouponComplete .coupon .courseTitle {
	font-size: 14px;
}
.getCouponComplete .coupon .timeLimit {
	font-size: 12px;
}
.getCouponComplete .infos {
	font-size: 12px;
	color: #393939;
	line-height: 1.5;
	margin-bottom: 6px;
}
.getCouponComplete .list {
	padding:6px;
	background: #f5f5f5;
}
.getCouponComplete .list .item {
	margin-bottom: 8px;
	text-align: left;
}
.getCouponComplete .list .item:last-child {
	margin-bottom: 0;
}
.getCouponComplete .list .text {
	font-size: 10px;
	color: #505050;
	width: 180px;
	line-height: 1.4;
	vertical-align: top;
	margin-top: 3px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.getCouponComplete .list .userPic {
	width: 36px;
	height: 36px;
	margin-right: 8px;
	vertical-align: top;
}
.getCouponComplete .list .userPic img {
	width: 100%;
	height: 100%;
}
.getCouponComplete .tips {
	font-size: 12px;
	color: #b6b6b6;
	line-height: 1.4;
	margin-top: 9px;
}

/* 视频分享 - 预约 */
.predictBuy .workerPic {
	width: 50px;
	height: 50px;
	border:2px solid rgba(0,0,0,.3);
}
.predictBuy .workerPic img {
	width: 100%;
	height: 100%;
}
.predictBuy .workerMsg {
	vertical-align: top;
	margin-top: 6px;
	margin-left:6px;
}
.predictBuy .workerMsg .nickName {
	font-size: 14px;
	color: #393939;
}
.predictBuy .workerMsg .career {
	font-size: 12px;
	color:#393939;
}
.predictBuy .workerDetail .description {
	font-size: 12px;
	color: #383838;
	line-height: 1.4;
	margin-top:6px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.predictBuy .workerDetail .description span {
	color: #141414;
	font-weight: bold;
}
.predictBuy .courseMsg {
	margin:10px -15px 0;
	padding:8px 15px 0;
	border-top: 1px solid #ddd;
}
.predictBuy .courseMsg .courseTitle {
	font-size: 14px;
	color: #000;
}
.predictBuy .courseMsg .courseTime {
	font-size: 12px;
	color: #b6b6b6;
}
.predictBuy .courseMsg .courseTime span {
	color: #141414;
}
.predictBuy .courseMsg .predict {
	padding: 4px 12px;
    font-size: 14px;
    color: #fff;
    margin-top: 7px;
    line-height: 1.5;
    background: #089def;
}

/* 付费预约成功 */
/* 成功领取代金券 */
.payComplete .icon img,
.receiveCoupon .icon img {
	width: 60px;
	height: 60px;
}
.payComplete .tips,.receiveCoupon .tips {
	font-size: 16px;
	color: #000;
	padding-bottom: 11px;
	margin:4px -15px 0;
	border-bottom: 1px solid #ddd;
}
.payComplete .timeInfo,.receiveCoupon .timeInfo {
	margin-top: 6px;
}
.payComplete .timeInfo .text {
	font-size: 12px;
	color: #929292;
}
.receiveCoupon .timeInfo .text {
	font-size: 14px;
	color: #929292;
	margin: 12px 0 9px;
}
.receiveCoupon .timeInfo .text span {
	margin-right: 4px;
}
.payComplete .timeInfo .timeLimit {
	font-size: 14px;
	color: #141414;
	line-height: 1.5;
	margin-bottom: 6px;
}

/* 我的代金券 */
.myCoupon .couponList {
    margin-top: 13px;
}
.myCoupon .coupon {
	width: 240px;
    height: 59px;
    color: #fff;
    margin:0 auto 10px;
    background: url("../../img/m/icons/coupon1.png") no-repeat center;
    background-size: 100%;
}
.myCoupon .coupon .courseMsg {
	margin-left: 70px;
	width: 132px;
	padding-top: 10px;
}
.myCoupon .coupon .courseMsg .courseTitle {
	font-size: 14px;
}
.myCoupon .coupon .courseMsg .timeLimit {
	font-size: 12px;
}
.myCoupon .coupon .text {
	right: 10px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	width: 12px;
	line-height: 1.2;
}
.myCoupon .coupon .num {
	display: block;
	top: -6px;
	right: -6px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	background: #fb560a;
}

/* 代金券--二维码关注 */
.weChatCode .weChat {
	margin:18px 0 0;
}
.weChatCode .weChat img {
	width:124px;
	height: 124px;
}
.weChatCode .textBox .text {
	font-size: 16px;
	color: #141414;
	margin-bottom: 6px;
}
.weChatCode .textBox .tips {
	font-size: 12px;
	color: #b6b6b6;
	padding:0 12px;
	line-height: 1.5;
	margin-bottom: 6px;
}

/* 代金券分享 */
.couponShare .workerMsg .userPic {
	width: 60px;
	height: 60px;
	margin:12px auto 8px;
	border:2px solid rgba(255,255,255,.4);
	box-shadow: 0 0 16px rgba(0,0,0,.3);
}
.couponShare .workerMsg .userPic img {
	width: 100%;
	height: 100%;
}
.couponShare .workerMsg > .nickName {
	font-size: 14px;
	color: #000;
	margin-bottom: 4px;
}
.couponShare .workerMsg .description {
	font-size: 12px;
	color: #393939;
	line-height: 1.4;
	margin-bottom:11px;
}
.couponShare .coupon {
	width: 240px;
    height: 59px;
    color: #fff;
    margin:0 auto;
    background: url("../../img/m/icons/coupon1.png") no-repeat center;
    background-size: 100%;
}
.couponShare .coupon .courseMsg {
	margin-left: 70px;
	width: 132px;
	padding-top: 10px;
	font-size: 12px;
}
.couponShare .coupon .courseMsg .timeLimit {
	font-size: 11px;
}
.couponShare .coupon .text {
	right: 10px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	width: 12px;
	line-height: 1.2;
}
.couponShare .moreCoupon {
	padding:4px 10px;
	font-size: 12px;
	color: #000;
	line-height: 1.3;
	margin:12px 154px 10px 0;
	border:1px solid #393939;
}

/* 代金券赠送完毕 */
.sendCoupon .infos {
	margin:16px 0 4px;
}
.sendCoupon .courseInfo {
	width: 180px;
	text-align: center;
}
.sendCoupon .courseInfo .courseTitle {
	font-size: 14px;
	color: #000;
}
.sendCoupon .courseInfo .text {
	font-size: 12px;
	color: #000;
	margin-top: 1px;
}
.sendCoupon .infos .mark {
	font-size: 32px;
	color: #089def;
	margin-top: 4px;
	margin-left: 12px;
}
.sendCoupon .tips {
	font-size: 12px;
	color: #c7c7c7;
	margin:0 0 7px;
}
.sendCoupon .coupon {
	width: 240px;
	height: 76px;
	margin:8px auto 0;
	color: #fff;
	background: url("../../img/m/icons/coupon2.png") no-repeat center;
	background-size: 100%;
}
.sendCoupon .coupon .courseMsg {
	margin-left: 84px;
	padding-top: 18px;
	width: 150px;
}
.sendCoupon .coupon .courseTitle {
	font-size: 14px;
}
.sendCoupon .coupon .timeLimit {
	font-size: 12px;
}
.sendCoupon .confirm {
	padding:4px 14px;
	font-size: 14px;
	color: #fff;
	background: #089def;
	margin:13px 180px 8px 0;
}

/* 视频分享--三人组团 */
.groupSahre .workerMsg .userPic {
	width: 60px;
	height: 60px;
	margin:2px auto 8px;
	border:2px solid rgba(255,255,255,.4);
	box-shadow: 0 0 16px rgba(0,0,0,.3);
}
.groupSahre .workerMsg .userPic img {
	width: 100%;
	height: 100%;
}
.groupSahre .workerMsg > .nickName {
	font-size: 14px;
	color: #000;
	margin-bottom: 4px;
}
.groupSahre .workerMsg .description {
	font-size: 12px;
	color: #393939;
	line-height: 1.4;
}
.groupSahre .progressBox {
	width: 80%;
	margin:0 auto;
}
.groupSahre .mui-progressbar {
	height: 12px;
	border-radius: 20px;
	margin:8px auto 10px;
	background: #cee1ec;
	z-index: 9;
}
.groupSahre .mui-progressbar span {
	border-radius:20px;
	z-index: 9;
}
.groupSahre .progressInfo {
	height: 12px;
	margin:0 auto;
}
.groupSahre .progressInfo .text {
	top: 0;
	left: 0;
	font-size: 12px;
	color: #089def;
}
.groupSahre .btns a {
	padding:4px 8px;
	font-size: 14px;
	line-height: 1.2;
}
.groupSahre .btns .support {
	color: #089def;
	border:1px solid #089def;
	margin-right: 16px;
}
.groupSahre .btns .join {
	color: #393939;
	border:1px solid #393939;
}
.groupSahre .supportList {
	margin:13px -15px 0;
	padding:8px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 4px solid #eaeaea;
}
.groupSahre .supportList .emptyInfo {
	font-size: 12px;
	color: #b6b6b6;
	line-height: 1.5;
}
.groupSahre .supportList .supporter {
	margin-bottom: 8px;
}
.groupSahre .supportList .supporter:last-child {
	margin-bottom: 0;
}
.groupSahre .supportList .userPic {
	width: 28px;
	height: 28px;
	margin-right: 6px;
}
.groupSahre .supportList .userPic img {
	width: 100%;
	height: 100%;
}
.groupSahre .supportList .infos {
	font-size: 12px;
	color: #000;
	vertical-align: top;
	margin-top: 3px;
}
.groupSahre .coupon {
	width: 240px;
	height: 59px;
	color: #fff;
	margin: 9px auto 0;
	background: url("../../img/m/icons/coupon1.png") no-repeat center;
	background-size: 100%;
}
.groupSahre .coupon .courseMsg {
	margin-left: 70px;
	width: 132px;
	padding-top: 10px;
	font-size: 12px;
}
.groupSahre .coupon .courseMsg .timeLimit {
	font-size: 11px;
}
.groupSahre .coupon .text {
	right: 12px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	width: 12px;
	line-height: 1.2;
}
.groupSahre .tips {
	font-size: 12px;
	color: #b6b6b6;
	margin:6px -15px 0;
}

/* 预约成功查看分享进度 */
.checkProgress .workerPic {
	width: 50px;
	height: 50px;
	border:2px solid rgba(0,0,0,.3);
}
.checkProgress .workerPic img {
	width: 100%;
	height: 100%;
}
.checkProgress .textBox {
	vertical-align: top;
	margin-top: 6px;
	margin-left:6px;
}
.checkProgress .textBox .nickName {
	font-size: 14px;
	color: #393939;
}
.checkProgress .textBox .career {
	font-size: 12px;
	color:#393939;
}
.checkProgress .workerDetail .description {
	font-size: 12px;
	color: #383838;
	line-height: 1.4;
	margin-top:6px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.checkProgress .workerDetail .description span {
	color: #141414;
	font-weight: bold;
}
.checkProgress .courseMsg {
	margin:10px -15px 0;
	padding:8px 15px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 4px solid #eaeaea;
}
.checkProgress .courseMsg .courseTitle {
	font-size: 14px;
	color: #000;
}
.checkProgress .courseMsg .timeLimit {
	font-size: 12px;
	color: #b6b6b6;
}
.checkProgress .courseMsg .timeLimit span {
	color: #141414;
}
.checkProgress .progressBox {
	margin-top: 6px;
}
.checkProgress .progressBox .text {
	font-size: 12px;
	color: #000;
}
.checkProgress .progressBox .progress {
	width: 70%;
}
.checkProgress .progressBox .progressInfo {
	margin-bottom: 6px;
    height: 12px;
}
.checkProgress .progressBox .progressInfo .text {
	top: 0;
	left: 0;
	font-size: 12px;
	color:#089def;
}
.checkProgress .progressBox .mui-progressbar {
	height: 12px;
	border-radius: 20px;
	margin:8px auto 2px;
	background: #cee1ec;
}
.checkProgress .progressBox .shareBtn {
	vertical-align: top;
	margin-top: 8px;
	margin-left: 12px;
}
.checkProgress .progressBox .shareBtn a {
	padding: 4px 6px;
    font-size: 12px;
    line-height: 1.2;
    color: #393939;
    border: 1px solid #393939;
}
.checkProgress .infos {
	font-size: 12px;
	margin:0 -15px;
	padding:0 15px 6px;
	border-bottom: 1px solid #ddd;
}
.checkProgress .infos .info {
	color: #141414;
	line-height: 1.5;
	margin-top: 3px;
	margin-bottom: 1px;
}
.checkProgress .infos .tips {
	color: #b6b6b6;
}
.checkProgress .receiveList .emptyInfo {
	font-size: 12px;
	color: #b6b6b6;
	line-height: 1.2;
	padding:12px 0 8px;
}
.checkProgress .receive {
	margin-top: 6px;
}
.checkProgress .receive .userPic {
	width: 30px;
	height: 30px;
	margin-right: 4px;
}
.checkProgress .receive .userPic img {
	width: 100%;
	height: 100%;
}
.checkProgress .receive .text {
	width: 164px;
	font-size: 12px;
	color: #000;
	vertical-align: top;
	margin-top: 6px;
	line-height: 1.2;
}
